<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML期末大作业</title>
    <link rel="stylesheet" href="期末大作业.css">

</head>
<body>
    <!--表头-->
    <div id="head">
        <div id="head1">
            <ul>
                <li>在校生</li>
                <li>+</li>
                <li>在职工</li>
                <li>+</li>
                <li>考生</li>
                <li>+</li>
                <li>校友</li>
                <li>+</li>
                <li>访客</li>
                <li>+</li>
            </ul>
        </div>
        <div id="head2">
            <input type="text" name="" id="input" placeholder="请输入关键字"/>
        </div>
        <div id="head3"></div>
        <div id="head4"></div>
    </div>
    <!--表头结束-->
    <!--表头索引-->
    <div id="nav1">
        <ul>
            <li>首页</li>
            <li>新闻网</li>
            <li>学校概况</li>
            <li>机构设置</li>
            <li>师资队伍</li>
            <li>科学研究</li>
            <li>人才培养</li>
            <li>招生就业</li>
            <li>大学文化</li>
            <li>国际交流</li>
            <li>校友联谊</li>
        </ul>
    </div>
    <!--图片新闻-->
    <div id="image"><input type="image"src="图片新闻.jpg.jpg" height="280px" width="100%"></div>
    <!--正文-->
        <div id="center">
            <!--正文第一部分-->
        <div id="center1">
            <div id="news">
                <div id="news1">
                    <div id="news1-1">学校新闻</div>
                    <div id="news1-2">【更多】</div>
                </div>
        <div>
            </div>
                <div id="news2"></div>
            </div>
            <div id="news-one">
                <div id="news-one1"><span>校党委理论学习中心组集体学习</span></div>
                <div id="news-one2"><span>--学习《xxx谈治国理政》第二卷</span></div>
            <p>通常我们印象中的HTML元素都是四四方方的，但是四四方方的东西也可以构建出完美的三角形哦。因为当一个矩形必须要平分给其上下左右四个方向的时候，就只好平分成四个三角形了。</p>
            </div>
            <div id="news-two">
                <div id="news-two-1">
                    <ul>
                        <li>我校在江苏大学举办暑期中层干部培训班<span>08-04</span></li>
                        <li>纪念改革开放40周年作品征集启事<span>05-04</span></li>
                        <li>学校部署“新时代、新理念、新担当”大讨论...<span>07-31</span></li>
                        <li>山东省高校外语教师发展论坛在我校举行<span>07-30</span></li>
                        <li>学校与淄博市教育局签订教育教学战略合作协...<span>07-22</span></li>
                        <li>上半年工作总结暨暑期工作部署会召开<span>07-21</span></li>

                    </ul>
                </div>
            </div>
            <div id="mt1">
                <div id="mt1-1">媒体报道</div>
                <div id="mt1-2">【更多】</div>
            </div>
            <div id="mt2">
                <div id="mt2-1">
                    <ul>
                        <li>【大众网 】山东理工大学“教学科研实践基地”落...</li>
                        <li>【大众网 】山东理工大学“教学科研实践基地”落...</li>
                        <li>【大众网 】山东理工大学“教学科研实践基地”落...</li>
                        <li>【大众网 】山东理工大学“教学科研实践基地”落...</li>
                    </ul>
                </div>
            </div>
            
        </div>
        <div id="center2">
            <div id="ts">
                <div id="ts1">图说理工    视频理工</div>
                <div id="ts2">【更多】</div>
            </div>
            <div id="gd1">
                <div id="gd1-1">
                    <ul>
                        <li>1校园新闻2018年22期<span>07-01</span></li>
                        <li>1校园新闻2018年22期<span>07-02</span></li>
                        <li>1校园新闻2018年22期<span>07-03</span></li>
                        <li>1校园新闻2018年22期<span>07-08</span></li>
                        <li>1校园新闻2018年22期<span>07-11</span></li>
                        <li>1校园新闻2018年22期<span>08-11</span></li>
                        <li>1校园新闻2018年22期<span>09-19</span></li>
                    </ul>
                </div>
            </div>
            <div id="zw2">
                <div id="zw2-1">综合新闻</div>
                <div id="zw2-2">【更多】</div>
            </div>
            <div id="zh">
                <div id="zh1">
                    <ul>
                        <li>1项山东省农机装备研发创新计划项目在我校启动</li>
                        <li>计算机学院学子暑期赴印度韦洛尔理工大学实训</li>
                        <li>美术学院教师受邀参加“同一个亚洲2018年会”</li>
                        <li>烟台大学副校长王强一行来校调研</li>
                        <li>管理学院“大漠胡杨”实践团走进新疆木垒</li>
                        <li>电气学院在全省大学生电子设计竞赛中获佳绩</li>
                        <li>我校航模队在中国国际飞行器设计挑战赛上获佳绩</li>
                        <li>学校对新进辅导员进行入职培训</li>
                    </ul>
                </div>
            </div>
            
        </div>
        <div id="center3">
            <div id="center3-1">
                <div id="center3-1-1">学术活动</div>
                <div id="center3-1-2">【更多】</div>
            </div>
                <!--<div id="center3-1-1">学术活动</div>
                <div id="centerhead">【更多】</div>-->
            <div id="center3-2">
                <div id="center3-2-1">
                <div id="tptime">
                    <div id="tptime1">
                        <div class="year">2015</div>	
                        <div class="date">07-21</div>
                    </div>
                    <div id="tptime2">
                        <div class="year">2016</div>	
                        <div class="date">07-22</div>
                    </div>
                    <div id="tptime3">
                        <div class="year">2017</div>	
                        <div class="date">07-23</div>
                    </div>
                    <div id="tptime4">
                        <div class="year">2018</div>	
                        <div class="date">07-24</div>
                    </div>
                </div><!--图片时间-->
                </div>
                <div id="center3-2-2">
                    <ul>
                    <li>Digital Twin for Aircraf...</li>
                    <li>主讲:刘征博士地点:鸿远楼1楼报告厅</li>
                    <li>中国传统文化入世情结的形...</li>
                    <li>主讲:李宗刚教授地点:3号教学楼报告厅</li>
                    <li>语义波视域下的英语课堂教...</li>
                    <li>主讲:郑新民教授地点:3号教学楼报告厅</li>
                    <li>建築預鑄（裝配式）結構體生產難易...</li>
                    <li>主讲:戴兴伟博地点:12#教学楼313</li>
                    </ul>
                </div>
            </div>
            <div id="center3-3">
                <div id="center3-3-1">专题公告</div>
                <div id="center3-3-2">【更多】</div>
            </div>
            <div id="center3-4">
                <div id="center3-4-1">
                    <ul>
                        <li>诚聘海内外高层次人才启事</li>
                        <li>山东理工大学“两学一做”学习教育网站</li>
                        <li>山东理工大学“两学一做”学习教育网站</li>
							<li>首届国际青年学者泰山论坛邀请函</li>
							<li>中外合作办学项目评估公示</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	<!--尾部索引-->	
			<div id="nav2">
			
			<div id="foot-nav">
				<ul>
					<li>图书馆</li>
					 <li class="dian"></li>
					<li>信息公开</li>
					 <li class="dian"></li>
					<li>招标采购</li>
					 <li class="dian"></li>
					<li>办公系统</li>
					 <li class="dian"></li>
					<li>邮件系统</li>
					 <li class="dian"></li>
					<li>校园VPN</li>
					 <li class="dian"></li>
                    
					<li>在线学习</li>
                    <li class="dian"></li>
                   <li>站点导航</li>
                    <li class="dian"></li>
               </ul>
           </div>
       </div>
       <!--尾部-->		
       <div id="foot">
           <div id="foot-weiba"><div id="weiba1"></div>
<div id="weiba2">版权所有山东理工大学   地址：山东省淄博市张店区新村西路266号（255000）设计维护：网络信息中心  鲁ICP备05002357号</div>
           </div>
       </div>
       <div id="foot-image">
           <div id="foot-weibo"><input type="image" src="weibo-bg.png"height="34px" width="34px"></div>
           <div id="foot-weixin"><input type="image" src="weixi-bg.png" height="34px" width="34px"></div>
           <div id="foot-youxiang"><input type="image" src="youxiang.png" height="34px" width="34px"></div>
           <div id="foot-shiye"><input type="image" src="blue.png" height="62px"width="54px"></div>
       </div>
       </div>	
   </body>
</html>



                      